<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE>
<html>
<head>
<s:include value="header.jsp"></s:include>
<link href="css/addUser.css" rel="stylesheet" />
<script type=text/javascript src="./js/jqueryUtil/twzipcode.js"></script>
<script type=text/javascript src="./js/addUser.js"></script>
</head>

<body>
	<div id="carbonForm">
		<h1>加入會員</h1>
		<label id="msg" class="required"><span class="required"><s:property value="resultMsg"/></span></label>
		<form action="" method="post" id="addUserForm">
			<div class="fieldContainer">
				<div class="formRow">
					<div class="label">
						<label for="name"><span class="required">*</span>姓名:</label>
					</div>
					<div class="field">
						<input type="text" name="param.name" id="name" class="isValidata" value='<s:property value="param.name"/>'/>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="identity"><span class="required">*</span>身份證字號:</label>
					</div>
					<div class="field">
						<input type="text" name="param.identity" id="identity" class="isValidata" value='<s:property value="param.identity"/>'/>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="email"><span class="required">*</span>Email:</label>
					</div>
					<div class="field">
						<input type="text" name="param.email" id="email" class="isValidata" value='<s:property value="param.email"/>'/>
						<span class="required">(請填入真實的Email需要驗證)</span>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="phone"><span class="required">*</span>手機:</label>
					</div>
					<div class="field">
						<input type="text" name="param.phone" id="phone" class="isValidata" value='<s:property value="param.phone"/>'/>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="telephone">市話:</label>
					</div>
					<div class="field">
						<input type="text" name="param.telephone" id="telephone" value='<s:property value="param.telephone"/>'/>
					</div>
				</div>
<!-- 				<div class="formRow"> -->
				<div>
					<div class="label">
						<label for="address"><span class="required">*</span>地址:</label>
					</div>
<!-- 					<div id="twzipcode" class="field"> -->
					<div id="twzipcode">
						<div data-style="zipcode" class="twzipcode"></div>  <!--自訂郵遞區號容器，以及套用 .zipcode 樣式-->
						<div data-style="county" class="twzipcode"></div> <!--自訂縣市選單容器，以及套用 .county 樣式-->
					    <div data-style="district" class="twzipcode"></div> <!--自訂鄉鎮市區選單容器，以及套用 .district 樣式-->
					    <input id="zipcodeH" type="hidden" value="<s:property value="param.zipcode"/>"/>
					    <input id="countyH" type="hidden" value="<s:property value="param.county"/>"/>
					    <input id="districtH" type="hidden" value="<s:property value="param.district"/>"/>
					    <input id="addressH" type="hidden" value="<s:property value="param.address"/>"/>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="addLoginId"><span class="required">*</span>帳號:</label>
					</div>
					<div class="field">
						<input type="text"  autocomplete="off" name="param.addLoginId" id="addLoginId" class="isValidata" value='<s:property value="param.addLoginId"/>'/>
						<span class="required">(帳號請超過8個字元)</span>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="addPassword"><span class="required">*</span>密碼:</label>
					</div>
					<div class="field">
						<input type="password" name="param.addPassword" id="addPassword" class="isValidata" value='<s:property value="param.addPassword"/>'/>
						<span class="required">(密碼請超過8個字元)</span>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="repassword"><span class="required">*</span>密碼確認:</label>
					</div>
					<div class="field">
						<input type="password" name="param.repassword" id="repassword" class="isValidata"/>
					</div>
				</div>
				<div class="formRow">
					<div class="label">
						<label for="introduction">自我介紹:</label>
					</div>
					<div class="field">
						<textarea name="param.introduction" id="introduction" ><s:property value="param.introduction"/></textarea>
					</div>
				</div>
			</div>
		</form>
			<!-- Closing fieldContainer -->
			<div class="signupButton">
				<button id="addUserSubmit" ></button>
			</div>
	</div>
</body>
</html>